<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>index.php</title>
<script rel="script" src="s.js" type="text/javascript">

</script>
    <style type="text/css"  >
        .a1{
        margin-left: 400px;
            float: left;
        }
        .a2{
           padding-left: 100px;
            float: left;
          }
        .a3{
            color: black;
          padding-top: 15px;
            float: left;
        }
        .a3:hover{
            color: red;
            padding-top: 13px;
        }
        .a4 {
            margin-left: 100px;
            padding-top: 15px;
            float: left;
        }
        .a5{
         padding-top: 14px;
            float: left;
        }
        .a6{
           margin-left: 100px;
            padding-top: 5px;
            float: left;
        }
        .a7{
            color: black;
            margin-top: -5px;
            float: left;
        }
        .a7:hover{
            color: red;
            margin-top: -7px;
        }
        .top{
            margin-top: -10px;
            margin-left: 450px;
            float: left;
        }
        .top:hover{
            color: red;
        }
        .top1{
            margin-top: -10px;
           margin-left: 100px;
            float: left;
        }
        .top1:hover{
            color: red;
        }
        .b1{
            margin-top: 5px;
           background-color: gainsboro;
            width: 1520px;
            height:130px ;
            float: left;
        }
        .d1{
            margin-top: -15px;
        }

    </style>


</head>

<body onload="lun()">


<?php

?>
<form action="index.php" method="post">

<div class="a1"><img src="top1.png"></div>
    <div class="a2"><img src="top2.png"></div>
    <a href="#"><div class="a3"><em> 周边商城</em></div></a>
    <div class="a4"><input type="text"></div>
    <a href=""><div class="a5"><img src="top3.png" style="height: 23px;"></div></a>
    <div class="a6"><img src="top4.png"></div>
    <a href="#"><div class="a7"><h6>下载客户端</h6></div> </a>
    <a href="denglu.php"><div class="a7" style="margin-left: 50px"><h6>登陆/注册</h6></div></a>
    <div><img src="top.jpg" style="width: 100%;height: 18%; margin-top: -18px;"></div>
    <a href="index.php"> <div class="top"><h4> 首页</h4></div></a>
    <a href="index.php"> <div class="top1"><h4> 风景</h4></div></a>
    <a href="index.php"> <div class="top1"><h4> 男性</h4></div></a>
    <a href="index.php"> <div class="top1"><h4> 女性</h4></div></a>
    <a href="index.php"> <div class="top1"><h4> 其它</h4></div></a>
    <div><img src="left1.png" style="width: 370px;height: 50%;float: left;margin-left: -1010px; margin-top: 54px"></div>
    <div><img id="s1" src="lun1.png" style="width: 50%;height: 50%; margin-left: 380px;float: left"></div>
    <div><img src="left2.png" style="height: 360px; width: 355px;margin-left: 1140px; margin-top: -360px"></div>
    <a href="left.php"> <div style="float: left;margin-left: 100px;">上月名气最高</div></a>
        <a href="mid.php"> <div style="float: left;margin-left: 500px;">今日名气最高</div></a>
            <a href="right.php">  <div style="float: left;margin-left: 500px;">上周名气最高</div></a>
    <div class="b1">
        <div style="margin-left: 380px;float: left">
       <div class="d1"><h6>合作</h6></div>
           <a href="#"> <div class="d1"><h5>关于我们</h5></div></a>
            <a href="#"><div class="d1"><h5>联系我们</h5></div></a>
        </div>
        <div style="float: left; margin-left: 200px">
            <div class="d1"><h6>官方</h6></div>
            <a href="#"><div class="d1"><h5>新浪微博</h5></div></a>
                <a href="#"><div class="d1"><h5>官方网店</h5></div></a>
        </div>
        <div style="float: left;margin-left: 200px">
            <div class="d1"><h6>下载</h6></div>
            <a href="#"><div class="d1"><h5>表情包</h5></div></a>
        </div>
        <div style="margin-left: 1120px">
            <div class="d1"><h6>反馈</h6></div>
            <a href="#"> <div class="d1"><h5>帮助中心</h5></div></a>
                <a href="#"> <div class="d1"><h5>用户反馈</h5></div></a>
        </div>
        <div style="text-align: center; "><h6>Copyright &copy;2019-2020&nbsp;&nbsp;作者：信息学院，B1831，刘泽庆</h6></div>

    </div>





</form>
</body>
</html>
